<html>

<head>

<script type="text/javascript" src="engine.js"></script>
<script type="text/javascript" src="iforms.js"></script>
<script>
var formelements=new Array(1);
formelements[0]='style';
formelements[1]='atmosphere';
formelements[2]='price';
formelements[3]='rating';
formelements[4]='handi';

var myform='searchform';

function responseFunction(result){
   /*AJAX framework specific XML response function
  *Guidelines for this function should be written.
  *this function will pass xml response object back to the IntelliForm.response if the type was update.
*/
	myresponse(result);
}

function requestFunction(mytype, QS){
   /*AJAX framework specific XML request function*/
  /*Guidelines for this function should be written*/

  http('POST','server.cfm?type='+mytype,responseFunction,QS);
}

function startAJAX(){
var testObj=new IntelliForm();
}
</script>
<title>restaurant search, beta</title>
</head> <body bgcolor="white" onload="startAJAX();">


<h3>Restaurant Search</h3>

<table border=0 bgcolor=#cccccc>

<!--
Programmatically, the onSubmit and onChange event listeners will be added for each of the form elements.
-->

<form name="searchform" id="searchform" method="get" action="">
<tr>
	<td> <b> Food Style</b> </td>
	<td> <select id="style" name="style">
					<option value="" selected="true">Select An Option</option>
					<option value="1">American</option>
					<option value="2">Chinese</option>
					<option value="3">French</option>
					<option value="4">Italian</option>
					<option value="5">Mexican</option>
					<option value="6">Thai</option>
			 		<option value="7">Zulu</option>
			 	</select>
	</td>
</tr>

<tr>
	<td><b>Atmosphere</b></td>
	<td> <select id="atmosphere" name="atmosphere">
		<option value="" selected="true">Select An Option</option>
					<option value="1">Live Music</option>
					<option value="2">Romantic</option>
					<option value="3">Noisy</option>
					<option value="4">Class M</option>
			 </select>
	</td>
</tr>


<tr>
	<td><b>Price</b></td>
	<td> <select id="price" name="price">
		<option value="" selected="true">Select An Option</option>
				<option value="1"> &lt;$10/meal</option>
				<option value="2"> $10-20/meal</option>
				<option value="3"> $20-30/meal</option>
				<option value="4"> $30+/meal</option>
		   </select>
  </td>
</tr>


<tr>
	<td><b>User Rating</b></td>
	<td><select id="rating" name="rating">
		<option value="" selected="true">Select An Option</option>
				<option value="1">*</option>
				<option value="2">**</option>
				<option value="3">***</option>
				<option value="4">****</option>
		  </select>
	 </td>
</tr>

<tr>
	<td><b>Handicap Accessible?</b></td>
	<td><select id="handi" name="handi">
		<option value="" selected="true">Select An Option</option>
				<option value="1">No</option>
				<option value="2">Yes</option>
				<option value="3">Maybe</option>
				<option value="4">Don't care</option>
			</select>
	</td>
</tr>

<tr>
<td colspan="2" valign="middle" align="center">
		<input type="submit" name="submit" id="submit" value="Show me the restaurants">
		</form>
</td>
</tr></table>



</body>
</html>

